/**
 * 装车报表
 */

import { useEffect, useState } from "react";
import DataAnalysis from "./components/DataAnalysis";
import DataDetail from "./components/DataDetail";
import DataOverView from "./components/DataView";
import { LoadingWrapper } from "./style";
import { handlegetGoodList, ISelectList } from "../../VehicleFile/api";

const LoadingReportPage = () => {
    const [goodOptions, setGoodOptions] = useState<ISelectList[]>([]);
    useEffect(() => {
        handlegetGoodList().then(
            res => {
                setGoodOptions(res)
            }
        )
    },[])
    return (
        <LoadingWrapper>
            <DataOverView options={goodOptions}/>
            <DataAnalysis options={goodOptions}/>
            <DataDetail/>
        </LoadingWrapper>
    )
}

export default LoadingReportPage;